<style>
#root {
     margin: 0 auto;
     width: 1200px;
     column-count: 5;
     column-width: 240px;
     column-gap: 20px;
}
.item {
     margin-bottom: 10px;
     break-inside: avoid;
     background: #fff;
}
.itemImg {
     width: 100%;
     vertical-align: middle;
}
</style>
<div style="padding:0 1rem 0 1rem">
<mdui-card variant="elevated" style="width:100%;margin-bottom:1%;">
    <!--<h5 style="padding:0;margin:0 0 5px 0;">当前路径</h5>-->
    <mdui-segmented-button-group>
        <mdui-segmented-button>/</mdui-segmented-button>
        <mdui-segmented-button>截图</mdui-segmented-button>
    </mdui-segmented-button-group>
</mdui-card>
    
<mdui-card id="root" variant="" style="width:100%;padding:1.5%;display: inline-block;">
    <mdui-card class="item" variant="elevated">
         <img class="itemImg" src="https://cengtuyin.github.io/WatchOSPro/src/img/WeChatPay.png" style="width:100%;"/>
         <mdui-dropdown style="margin:1% 1% 1% auto">
              <mdui-button-icon variant="filled" icon="more_horiz" slot="trigger"></mdui-button-icon>
              <mdui-menu>
                   <mdui-menu-item><mdui-icon slot="icon" name="download"></mdui-icon>下载</mdui-menu-item>
                   <mdui-menu-item><mdui-icon slot="icon" name="border_color"></mdui-icon>改名</mdui-menu-item>
              </mdui-menu>
         </mdui-dropdown>
    </mdui-card>
</mdui-card>
</div>
